<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<!-- saved from url=(0051)http://wow.techbrood.com/static/20171117/36400.html -->
<html class=" -webkit- js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers no-applicationcache svg inlinesvg smil svgclippaths">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content=" initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>贝丁网</title>

    <style>
        body {
            background: #eef;
            height: 100vh;
            overflow: hidden;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        #sky {
            margin-top: -60px;
            -webkit-perspective: 400px;
            perspective: 400px;
            -webkit-filter: drop-shadow(0px 150px 10px rgba(0, 0, 0, 0.2));
            filter: drop-shadow(0px 150px 10px rgba(0, 0, 0, 0.2));
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
        }

        #sky div {
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
        }

        #sky .bird {
            -webkit-animation: fly 10000ms linear infinite;
            animation: fly 10000ms linear infinite;
        }

        #sky .bird .wind {
            position: absolute;
            left: 50%;
            width: 4px;
            height: 200px;
            margin-left: -2px;
            border-radius: 999px;
            overflow: hidden;
        }

        #sky .bird .wind:nth-child(1) {
            -webkit-transform: translate3d(-157px, 138px, -68px) rotateY(90deg);
            transform: translate3d(-157px, 138px, -68px) rotateY(90deg);
        }

        #sky .bird .wind:nth-child(1)::before {
            content: '';
            position: absolute;
            width: 4px;
            height: 300px;
            background: rgba(100, 200, 90, 0.3);
            border-radius: 999px;
            -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
            -webkit-animation: wind 1935ms 1233ms linear infinite;
            animation: wind 1935ms 1233ms linear infinite;
        }

        #sky .bird .wind:nth-child(2) {
            -webkit-transform: translate3d(98px, 75px, 2px) rotateY(90deg);
            transform: translate3d(98px, 75px, 2px) rotateY(90deg);
        }

        #sky .bird .wind:nth-child(2)::before {
            content: '';
            position: absolute;
            width: 4px;
            height: 300px;
            background: rgba(100, 200, 92, 0.3);
            border-radius: 999px;
            -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
            -webkit-animation: wind 1048ms 4242ms linear infinite;
            animation: wind 1048ms 4242ms linear infinite;
        }

        #sky .bird .wind:nth-child(3) {
            -webkit-transform: translate3d(181px, 103px, 66px) rotateY(90deg);
            transform: translate3d(181px, 103px, 66px) rotateY(90deg);
        }

        #sky .bird .wind:nth-child(3)::before {
            content: '';
            position: absolute;
            width: 4px;
            height: 300px;
            background: rgba(100, 200, 174, 0.3);
            border-radius: 999px;
            -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
            -webkit-animation: wind 1577ms 4135ms linear infinite;
            animation: wind 1577ms 4135ms linear infinite;
        }

        #sky .bird .wind:nth-child(4) {
            -webkit-transform: translate3d(171px, -100px, 100px) rotateY(90deg);
            transform: translate3d(171px, -100px, 100px) rotateY(90deg);
        }

        #sky .bird .wind:nth-child(4)::before {
            content: '';
            position: absolute;
            width: 4px;
            height: 300px;
            background: rgba(100, 200, 209, 0.3);
            border-radius: 999px;
            -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
            -webkit-animation: wind 1176ms 3610ms linear infinite;
            animation: wind 1176ms 3610ms linear infinite;
        }

        #sky .bird .wind:nth-child(5) {
            -webkit-transform: translate3d(155px, -139px, 45px) rotateY(90deg);
            transform: translate3d(155px, -139px, 45px) rotateY(90deg);
        }

        #sky .bird .wind:nth-child(5)::before {
            content: '';
            position: absolute;
            width: 4px;
            height: 300px;
            background: rgba(100, 200, 168, 0.3);
            border-radius: 999px;
            -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
            -webkit-animation: wind 1154ms 1412ms linear infinite;
            animation: wind 1154ms 1412ms linear infinite;
        }

        #sky .bird .wind:nth-child(6) {
            -webkit-transform: translate3d(61px, 33px, 72px) rotateY(90deg);
            transform: translate3d(61px, 33px, 72px) rotateY(90deg);
        }

        #sky .bird .wind:nth-child(6)::before {
            content: '';
            position: absolute;
            width: 4px;
            height: 300px;
            background: rgba(100, 200, 242, 0.3);
            border-radius: 999px;
            -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
            -webkit-animation: wind 2079ms 4956ms linear infinite;
            animation: wind 2079ms 4956ms linear infinite;
        }

        #sky .bird .wind:nth-child(7) {
            -webkit-transform: translate3d(-61px, 37px, 43px) rotateY(90deg);
            transform: translate3d(-61px, 37px, 43px) rotateY(90deg);
        }

        #sky .bird .wind:nth-child(7)::before {
            content: '';
            position: absolute;
            width: 4px;
            height: 300px;
            background: rgba(100, 200, 195, 0.3);
            border-radius: 999px;
            -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
            -webkit-animation: wind 2506ms 2873ms linear infinite;
            animation: wind 2506ms 2873ms linear infinite;
        }

        #sky .bird .wind:nth-child(8) {
            -webkit-transform: translate3d(-100px, 16px, 70px) rotateY(90deg);
            transform: translate3d(-100px, 16px, 70px) rotateY(90deg);
        }

        #sky .bird .wind:nth-child(8)::before {
            content: '';
            position: absolute;
            width: 4px;
            height: 300px;
            background: rgba(100, 200, 66, 0.3);
            border-radius: 999px;
            -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
            -webkit-animation: wind 1962ms 1394ms linear infinite;
            animation: wind 1962ms 1394ms linear infinite;
        }

        #sky .bird .wind:nth-child(9) {
            -webkit-transform: translate3d(114px, 26px, -30px) rotateY(90deg);
            transform: translate3d(114px, 26px, -30px) rotateY(90deg);
        }

        #sky .bird .wind:nth-child(9)::before {
            content: '';
            position: absolute;
            width: 4px;
            height: 300px;
            background: rgba(100, 200, 30, 0.3);
            border-radius: 999px;
            -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
            -webkit-animation: wind 2489ms 2975ms linear infinite;
            animation: wind 2489ms 2975ms linear infinite;
        }

        #sky .bird .wind:nth-child(10) {
            -webkit-transform: translate3d(-57px, -48px, 33px) rotateY(90deg);
            transform: translate3d(-57px, -48px, 33px) rotateY(90deg);
        }

        #sky .bird .wind:nth-child(10)::before {
            content: '';
            position: absolute;
            width: 4px;
            height: 300px;
            background: rgba(100, 200, 124, 0.3);
            border-radius: 999px;
            -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
            -webkit-animation: wind 2309ms 3147ms linear infinite;
            animation: wind 2309ms 3147ms linear infinite;
        }

        #sky .bird .wind:nth-child(11) {
            -webkit-transform: translate3d(139px, 107px, 24px) rotateY(90deg);
            transform: translate3d(139px, 107px, 24px) rotateY(90deg);
        }

        #sky .bird .wind:nth-child(11)::before {
            content: '';
            position: absolute;
            width: 4px;
            height: 300px;
            background: rgba(100, 200, 200, 0.3);
            border-radius: 999px;
            -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
            -webkit-animation: wind 1365ms 2503ms linear infinite;
            animation: wind 1365ms 2503ms linear infinite;
        }

        #sky .bird_body {
            position: relative;
            width: 30px;
            height: 40px;
            background: #a7b1d5;
        }

        #sky .bird_head {
            position: absolute;
            top: -30px;
            border-right: 15px solid transparent;
            border-bottom: 30px solid #779dcc;
            border-left: 15px solid transparent;
            -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
            -webkit-transform: rotateX(-20deg);
            transform: rotateX(-20deg);
        }

        #sky .bird_wing_left {
            position: absolute;
            left: -30px;
            height: 30px;
            border-right: 30px solid #a297ff;
            border-bottom: 10px solid transparent;
            -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
            -webkit-animation: wingLeft 1000ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: wingLeft 1000ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
        }

        #sky .bird_wing_left_top {
            position: absolute;
            left: -30px;
            border-right: 30px solid #9296de;
            border-bottom: 30px solid transparent;
            -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
            -webkit-animation: wingLeft 1000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite alternate;
            animation: wingLeft 1000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite alternate;
        }

        #sky .bird_wing_right {
            position: absolute;
            left: 30px;
            height: 30px;
            border-left: 30px solid #8399e6;
            border-bottom: 10px solid transparent;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-animation: wingRight 1000ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: wingRight 1000ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
        }

        #sky .bird_wing_right_top {
            position: absolute;
            border-left: 30px solid #bc73e1;
            border-bottom: 30px solid transparent;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-animation: wingRight 1000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite alternate;
            animation: wingRight 1000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite alternate;
        }

        #sky .bird_tail_left {
            position: absolute;
            top: 40px;
            border-right: 30px solid transparent;
            border-top: 40px solid #c279f7;
            -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
            -webkit-transform: rotateX(-20deg);
            transform: rotateX(-20deg);
        }

        #sky .bird_tail_right {
            position: absolute;
            top: 40px;
            border-left: 30px solid transparent;
            border-top: 40px solid #ae79db;
            -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
            -webkit-transform: rotateX(-20deg);
            transform: rotateX(-20deg);
        }

        @-webkit-keyframes fly {
            0% {
                -webkit-transform: rotateX(-120deg) rotateZ(0deg) rotateX(10deg);
                transform: rotateX(-120deg) rotateZ(0deg) rotateX(10deg);
            }
            100% {
                -webkit-transform: rotateX(-120deg) rotateZ(360deg) rotateX(10deg);
                transform: rotateX(-120deg) rotateZ(360deg) rotateX(10deg);
            }
        }

        @keyframes fly {
            0% {
                -webkit-transform: rotateX(-120deg) rotateZ(0deg) rotateX(10deg);
                transform: rotateX(-120deg) rotateZ(0deg) rotateX(10deg);
            }
            100% {
                -webkit-transform: rotateX(-120deg) rotateZ(360deg) rotateX(10deg);
                transform: rotateX(-120deg) rotateZ(360deg) rotateX(10deg);
            }
        }

        @-webkit-keyframes wingLeft {
            0% {
                -webkit-transform: rotateY(-40deg);
                transform: rotateY(-40deg);
            }
            100% {
                -webkit-transform: rotateY(40deg);
                transform: rotateY(40deg);
            }
        }

        @keyframes wingLeft {
            0% {
                -webkit-transform: rotateY(-40deg);
                transform: rotateY(-40deg);
            }
            100% {
                -webkit-transform: rotateY(40deg);
                transform: rotateY(40deg);
            }
        }

        @-webkit-keyframes wingRight {
            0% {
                -webkit-transform: rotateY(40deg);
                transform: rotateY(40deg);
            }
            100% {
                -webkit-transform: rotateY(-40deg);
                transform: rotateY(-40deg);
            }
        }

        @keyframes wingRight {
            0% {
                -webkit-transform: rotateY(40deg);
                transform: rotateY(40deg);
            }
            100% {
                -webkit-transform: rotateY(-40deg);
                transform: rotateY(-40deg);
            }
        }

        @-webkit-keyframes wind {
            0% {
                -webkit-transform: translateY(-300px);
                transform: translateY(-300px);
            }
            100% {
                -webkit-transform: translateY(200px);
                transform: translateY(200px);
            }
        }

        @keyframes wind {
            0% {
                -webkit-transform: translateY(-300px);
                transform: translateY(-300px);
            }
            100% {
                -webkit-transform: translateY(200px);
                transform: translateY(200px);
            }
        }
    </style>

</head>


<body>


<script type="text/javascript" src="https://cdn.staticfile.org/jquery/2.1.0/jquery.js"></script>
<div id="sky">
    <div class="bird">
        <div class="wind"></div>
        <div class="wind"></div>
        <div class="wind"></div>
        <div class="wind"></div>
        <div class="wind"></div>
        <div class="wind"></div>
        <div class="wind"></div>
        <div class="wind"></div>
        <div class="wind"></div>
        <div class="wind"></div>
        <div class="bird_body">
            <div class="bird_head"></div>
            <div class="bird_wing_left">
                <div class="bird_wing_left_top"></div>
            </div>
            <div class="bird_wing_right">
                <div class="bird_wing_right_top"></div>
            </div>
            <div class="bird_tail_left"></div>
            <div class="bird_tail_right"></div>
        </div>
    </div>
</div>


<style>

    .welcome_panel {
        top: 0;
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .main_panel {

        border-radius: 5%;
        background-color: rgba(255, 255, 255, 0.78);
        text-align: center;
        display: none;
        margin-left: 50%;

        padding: 50px 10px;

        width: 60%;
        transform: translate(-50%, -50%);
        max-height: 300px;
        max-width: 300px;
    }

    .text_panel {
        font-family: abel, helvetica neue, Helvetica, Arial, sans-serif;
        color: dimgrey;
        font-size: 120%;
        display: block;
    }

    a {

        background: #287CD4;
        color: #fff;
        border: 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        font-size: 100%;
        align-items: flex-start;
        text-align: center;
        cursor: default;
        box-sizing: border-box;
        border-style: outset;
        text-decoration: none;
        padding: 5px 6px;
        margin: 5px;
        display: inline-block;
    }

    .access_panel {
        display: none;
    }

    .icon {

        height: 13px;
        width: auto;

    }

</style>

<a class="user-center" href="/ua/user" style="position: absolute;right: 15px;top: 15px;z-index: 200;background: transparent;display: none">
    <svg t="1552972088665" class="icon" style="width: 20px;height: 20px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2555" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M593.066667 499.2C695.466667 465.066667 768 369.066667 768 256c0-140.8-115.2-256-256-256S256 115.2 256 256c0 113.066667 72.533333 209.066667 174.933333 243.2C249.6 535.466667 85.333333 689.066667 85.333333 874.666667c0 83.2 66.133333 149.333333 149.333334 149.333333h554.666666c83.2 0 149.333333-66.133333 149.333334-149.333333 0-185.6-164.266667-339.2-345.6-375.466667z" fill="#868782" p-id="2556"></path></svg>
</a>

<div class="welcome_panel">

    <div style="height: 50%"></div>

    <div class="main_panel">

        <div class="text_panel">
            <h4>
                欢迎来到贝丁网
            </h4>
        </div>

        <div class="access_panel">

            <a href="/tenant">
                <svg t="1552824354102" class="icon" style="" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="2352" xmlns:xlink="http://www.w3.org/1999/xlink"
                     width="200" height="200">
                    <defs>
                        <style type="text/css"></style>
                    </defs>
                    <path d="M992.08768 332.8L544.08768 51.2c-19.2-12.8-44.8-12.8-64 0l-448 281.6C-25.51232 364.8 0.08768 448 64.08768 448h896c64 0 89.6-83.2 32-115.2z"
                          fill="#ffffff" p-id="2353"></path>
                    <path d="M128.08768 441.6v486.4c0 32 25.6 51.2 51.2 51.2H832.08768c32 0 51.2-25.6 51.2-51.2V441.6H128.08768z m499.2 492.8H390.48768V704c0-64 51.2-115.2 115.2-115.2s121.6 51.2 121.6 115.2v230.4z"
                          fill="#ffffff" p-id="2354"></path>
                </svg>
                租房系统</a>
            <a href="/landlord">
                <svg t="1552824290625" class="icon" style="" viewBox="0 0 1026 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="1876" xmlns:xlink="http://www.w3.org/1999/xlink"
                     width="200.390625" height="200">
                    <defs>
                        <style type="text/css"></style>
                    </defs>
                    <path d="M1019.957118 59.064242a63.5872 63.5872 0 0 0-6.994592-21.619648L1009.147294 32.357618a67.402432 67.402432 0 0 0-12.71744-14.625056 72.489408 72.489408 0 0 0-26.706624-17.168544h-5.722848a75.668768 75.668768 0 0 0-18.440288 0h-7.630464a75.032896 75.032896 0 0 0-22.25552 6.35872L39.442496 465.386449a63.5872 63.5872 0 0 0 0 117.63632l132.261376 70.581792a73.761152 73.761152 0 0 0 97.288415-25.43488 63.5872 63.5872 0 0 0-27.342496-91.565568l-20.983776-11.445696 445.110399-233.365023L375.182911 636.436017a63.5872 63.5872 0 0 0-15.8968 41.967552v274.060831a71.217664 71.217664 0 0 0 143.0712 0v-159.603871l281.055423 155.152767a75.032896 75.032896 0 0 0 66.76656 0 68.038304 68.038304 0 0 0 40.059936-50.86976L1019.957118 76.868658a63.5872 63.5872 0 0 0 0-12.71744V59.064242z m-254.3488 722.350591l-225.098687-127.1744 300.131583-353.544831z"
                          fill="#ffffff" p-id="1877"></path>
                </svg>
                房东入口</a></div>

    </div>
</div>

<script>


    let main = $('.main_panel');


    main.fadeIn(1500, function () {


        this.marginTop = window.height - this.height;

        main.fadeOut(1000, function () {
            $('.text_panel').text('现在开始吧!');
            main.fadeIn(1500, function () {

                main.fadeOut(800, function () {
                    $('.text_panel').remove();

                    $('.access_panel , .user-center').fadeIn(800);

                    $('.main_panel').fadeIn(1000);

                });

            });

        });
    });


</script>


</body>
</html>